@charset "utf-8";
/* -------------------------------- */
/* paneo paneo page design style    */
/* -------------------------------- */


/* COLOR */

/* Main Color */
$main_color1      : rgb(177,215,210);
$main_color2    : rgb(64,34,15);
$main_color3    : rgb(87,178,229);
$main_color4    : rgb(143,193,12);
$main_color5     : rgb(235,89,2);
$main_color6     : rgb(235,102,103);

/* Sub Color */
$sub_color1     : rgb(138,171,201);
$sub_color2      : rgb(46,7,0);
$sub_color3     : rgb(43,151,200);
$sub_color4     : rgb(195,216,60);
$sub_color5     : rgb(187,87,39);

/* Other */
$other_color1     : rgb(58,129,48);
$other_color2     : rgb(250,238,0);

/* FONTS */
$mainfont        : Ryumin Light KL;

/* SCSS MIXIN */
@mixin backcolor($zindex){
position:   relative;

div.backcolor {
position:               absolute;
min-height:             500px;
top:0;
left:0;
z-index:                $zindex;
}

div.outer{
position:               relative;
}

div.outer div.color{
width:                  100%;
z-index:                $zindex;
}

div.outer div.cover{
@include paneoimg;
position:               absolute;
top:0;
left:0;
max-width:              1380px;
z-index:                ($zindex+100);
}
}//backcolor


/** CLEARFIX
*  @include clearfix;
**/
@mixin boxcheck {
background-color:   #e0e0e0;
}

@mixin paneoimg {
img {
max-width                                       : 100%;
height                                          : auto;
width                                           : auto\9; /* ie8 */
vertical-align                                  : text-bottom;
}
}

@mixin clearfix {
zoom                                   : 1;

&                                      : before,
&                                      : after {
display                                : block;
height                                 : 0;
visibility                             : hidden;
content                                : "\0020";
}

&                                      : after {
clear                                  : both;
}
}

